<template>
    <div class="banding">
        <van-nav-bar :title="title" left-text="返回" left-arrow @click-left="onClickLeft" @click-right="onClickRight">
            <van-icon name="edit" slot="right" />
        </van-nav-bar>
        
        
        <van-cell-group>
            <van-field
                v-model="mobile"
                clearable
                label="手机号"
                placeholder="请输入手机号"
            />
            <van-field
                v-model="validCode"
                center
                clearable
                label="验证码"
                placeholder="请输入验证码"
            >
                <van-button slot="button" size="small" type="primary">获取验证码</van-button>
            </van-field>
        </van-cell-group>


        <van-row type="flex" justify="center">
            <van-col span="22" style="margin-top: 20px;">
                <van-button type="primary" style="width: 100%;">下一步</van-button>
            </van-col>
        </van-row>
        

    </div>
</template>

<script>
    import { isWeixinBrowse } from '@/utils'
    import { NavBar, Row, Col, Icon, CellGroup, Cell, Toast, Tabs, Tab, Field, Button } from 'vant'

    export default {
        name: 'Banding',
        components: {
            [NavBar.name]: NavBar,
            [Row.name]: Row,
            [Col.name]: Col,
            [Icon.name]: Icon,
            [CellGroup.name]: CellGroup,
            [Cell.name]: Cell,
            [Toast.name]: Toast,
            [Tabs.name]: Tabs,
            [Tab.name]: Tab,
            [Field.name]: Field,
            [Button.name]: Button,
        },
        created() {
            this.title = this.$router.currentRoute.name
            this.showConsole = this.params.openid
        },
        data() {
            return {
                /**
                 * 接受参数
                 * openid
                 */
                params: this.$route.query,
                title: null,
                mobile: null,
                validCode: null
            }
        },
        methods: {
            onClickLeft() {
                this.$router.go(-1)
            },
            onClickRight() {
                Toast('调查问卷')
            }
        }
    }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
    
</style>